<template>
    <div id="home">
        <m-header></m-header>
        <left-side></left-side>
        <div class="content">
            <router-view></router-view>
        </div>
    </div>
</template>

<script>
    import MHeader from 'components/header/header'
    import leftSide from 'components/leftSide/leftSide'
    export default {
        data(){
            return{}
        },
        components:{
            MHeader,
            leftSide
        }
    }
</script>

<style scoped>
    .content{
        background: none repeat scroll 0 0 #f0f3f4;
        position: absolute;
        left: 200px;
        right: 0;
        top: 66px;
        bottom:0;
        width: auto;
        padding:25px 40px 25px 40px;
        box-sizing: border-box;
        overflow-y: scroll;
    }
</style>